import { useIntersectionObserver } from '@vueuse/core'


// 全复制,不用改
// 封装懒加载
export const lazyPlugin = {
  install(app){
    //     图片懒加载
    app.directive('img-lazy',{
      mounted(el, binding){
        // 懒加载优化 stop
        const { stop } = useIntersectionObserver(
        el,
        ([{ isIntersecting}]) => {
          // 判断监听状态，true就是屏幕里有图片
          console.log(isIntersecting);
          if(isIntersecting){
            el.src = binding.value
            // 图片加载完成停止监听屏幕，避免浪费
            stop()    
            }
          }
        )
      }
    })
  }
}